<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="framework/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="framework/reset.css" rel="stylesheet">
    <link href="css/businessInfo.css" rel="stylesheet">
    <title>饿了么 商家信息</title>
    <link rel="shortcut icon" href="img/elm_icon.ico">
</head>
<body>
    <div class="wrapper">

        <!-- header部分 -->
        <header>
            <p>商家信息</p>
        </header>

        <!-- 商家logo部分 -->
        <div class="business-logo">
            <img src="img/sj01/cover.jpg" alt="">
        </div>

        <!-- 商家信息部分 -->
        <div class="business-info">
            <h3>板烧厨房·排骨饭（天南大店）</h3>
            <div class="business-info-delivery">起送&#165;10&nbsp;&nbsp;|&nbsp;&nbsp;配送&#165;2</div>
            <div class="business-info-explain">"小迷你水果捞分量很足"</div>
        </div>

        <!-- 食品列表部分 -->
        <ul class="foods">
            <li>
                <div class="food-left">
                    <img src="img/sj01/sp02.jpg" alt="">
                    <div class="food-left-info">
                        <h3>铁板黑椒鸡丁拌饭</h3>
                        <div class="food-left-info1">月售13</div>
                        <div class="food-left-info2">&#165;20.8 <del>&#165;36.8</del></div>
                    </div>
                </div>

                <div class="food-right">
                    <div>
                        <i class="fa fa-minus-circle"></i>
                    </div>
                    <p><span>2</span></p>
                    <div>
                        <i class="fa fa-plus-circle"></i>
                    </div>
                </div>
            </li>
            <li>
                <div class="food-left">
                    <img src="img/sj01/sp03.jpg" alt="">
                    <div class="food-left-info">
                        <h3>铁板五花肉拌饭</h3>
                        <div class="food-left-info1">月售307&nbsp;&nbsp;&nbsp;&nbsp;好评度100%</div>
                        <div class="food-left-info2">&#165;17.6 <del>&#165;36.8</del></div>
                    </div>
                </div>

                <div class="food-right">
                    <div>
                        <i class="fa fa-minus-circle"></i>
                    </div>
                    <p><span>1</span></p>
                    <div>
                        <i class="fa fa-plus-circle"></i>
                    </div>
                </div>
            </li>
            <li>
                <div class="food-left">
                    <img src="img/sj01/sp04.jpg" alt="">
                    <div class="food-left-info">
                        <h3>铁板招牌鸡拌饭</h3>
                        <div class="food-left-info1">月售99</div>
                        <div class="food-left-info2">&#165;19.8 <del>&#165;36.8</del></div>
                    </div>
                </div>

                <div class="food-right">
                    <div>
                    </div>
                    <p></p>
                    <div>
                        <i class="fa fa-plus-circle"></i>
                    </div>
                </div>
            </li>
            <li>
                <div class="food-left">
                    <img src="img/sj01/sp05.jpg" alt="">
                    <div class="food-left-info">
                        <h3>铁板孜然肥牛拌饭</h3>
                        <div class="food-left-info1">月售39</div>
                        <div class="food-left-info2">&#165;21.8 <del>&#165;38.8</del></div>
                    </div>
                </div>

                <div class="food-right">
                    <div>
                    </div>
                    <p></p>
                    <div>
                        <i class="fa fa-plus-circle"></i>
                    </div>
                </div>
            </li>
        </ul>

        <!-- 底部购物车部分 -->
        <div class="cart">
            <div class="cart-left">
                <div class="cart-left-icon">
                    <i class="fa fa-shopping-cart"></i>
                    <div class="cart-left-icon-quantity">3</div>
                </div>
                <div class="cart-left-info">
                    <p>&#165;59.2</p>
                    <p>另需配送费2元</p>
                </div>
            </div>

            <div class="cart-right">
                <!-- 不够起送费 -->
                <!-- <div class="cart-right-item">&#165;10起送</div> -->
                <!-- 够起送费 -->
                <div class="cart-right-item" onclick="location.herf='order.html'">去结算</div>
            </div>
        </div>
    </div>
</body>
</html>